import React from 'react'
import '../../../../../../assets/icon/iconfont.css'
const SourceMaterial = () => {
  return (
    <div>
      <div className="buttonColor">
          <button style={{border:'none',background:'#3771ff',color:'#fff',borderRadius:'5px',padding:'15px 15px'}}><i className="iconfont icon-sucaizhongxin"></i>形状</button>
          <button style={{border:'none',background:'#ff4293',color:'#fff',borderRadius:'5px',padding:'15px 15px'}}><i className="iconfont icon-shangchuan"></i>线条</button>
          <button style={{border:'none',background:'#ff4f59',color:'#fff',borderRadius:'5px',padding:'15px 15px'}}><i className="iconfont icon-mobanguanli"></i>插画</button>
          <button style={{border:'none',background:'#ffa531',color:'#fff',borderRadius:'5px',padding:'15px 15px'}}><i className="iconfont icon-sucaizhongxin"></i>容器</button>
          <button style={{border:'none',background:'#00cfa1',color:'#fff',borderRadius:'5px',padding:'15px 15px'}}><i className="iconfont icon-wenzi"></i>边框</button>
          <button style={{border:'none',background:'#00abff',color:'#fff',borderRadius:'5px',padding:'15px 15px'}}><i className="iconfont icon-tupian"></i>图标</button>
          <button style={{border:'none',background:'#ff7a33',color:'#fff',borderRadius:'5px',padding:'15px 15px'}}><i className="iconfont icon-beijing"></i>AIGC</button>
          <button style={{border:'none',background:'#bc32ff',color:'#fff',borderRadius:'5px',padding:'15px 15px'}}><i className="iconfont icon-zujian"></i>动图</button>
      </div>
    </div>
  )
}

export default SourceMaterial
